// *******************************************************************************************************
// # モーダルウィンドウ
// 
// 【実装について】
// ・必ず「jquery.leanModal.min.js」とセットで追加
// ・トリガーのリンク先（例 href="#shopinfo01"）と、対象モーダルのid名を一致させる
// ・対象モーダルがwidth固定の場合、対象モーダルdivに「.mod_modal_fix」を設定
// ・対象モーダルがwidth=100%の場合、対象モーダルdivに「.mod_modal_maxwd」を設定
// ・モーダル内のレイアウト、表示位置（例/ top:40px; など）は、それぞれのCSSで調整を加えてください。
// *******************************************************************************************************

(function(win, doc) {
	
	/* モーダルウィンドウ
	----------------------------------- */
	function modalWindow() {
		//トリガー設定
		$('a.modal_link').leanModal({ closeButton: '.modal_close' });
		
		//モーダル横幅設定：固定＋中央寄せ
		var $modalBoxFix = $('.mod_modal_fix');
		var modal_width=$modalBoxFix.outerWidth();
		
		$modalBoxFix.css({
			'left' : '50%',
			'margin-left' : -(modal_width/2)+"px"
		});
	}
	
	/* 実行
	----------------------------------- */
	$(function() {
		modalWindow();
	});

})(this, document);
